<div>
  <table class="table">
    <thead>
    <tr>
      <th>ID</th>
      <th>名称</th>
      <th>作者</th>
      <th>类别</th>
      <th>操作</th>
    </tr>
    </thead>
    <tbody>
    <tr>
      <td>1</td>
      <td>小程序名称</td>
      <td>咿呀咿呀哟</td>
      <td>家具品牌</td>
      <td>
        <a href="javascript:;" (click)="previewModal.show()">预览</a>
      </td>
    </tr>
    </tbody>
  </table>
  <div class="text-center">
    <pagination (pageChanged)="pageChanged($event)" [totalItems]="totalItems" [itemsPerPage]="itemsPerPage" [(ngModel)]="currentPage" [maxSize]="5"
                previousText="&lsaquo;" nextText="&rsaquo;" firstText="&laquo;" lastText="&raquo;" [boundaryLinks]="true" class="pagination-sm"></pagination>
  </div>
</div>


<div class="modal fade" bsModal #previewModal="bs-modal" tabindex="-1">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title pull-left">预览</h4>
        <button type="button" class="close pull-right" aria-label="Close" (click)="previewModal.hide()">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <div>
          <img src="../../../../assets/minapp-image/carousel-1.jpg" alt="" class="img-width">
          <div class="preview-info">
            <div><span class="info-title">名称:</span><span class="info-content">a</span></div>
            <div><span class="info-title">作者:</span><span class="info-content">a</span></div>
            <div><span class="info-title">描述:</span><span class="info-content">描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述</span></div>
          </div>
          <img src="../../../../assets/minapp-image/carousel-1.jpg" alt="" class="img-width">
        </div>
        <div>
          <img src="../../../../assets/minapp-image/carousel-1.jpg" alt="" class="col-3">
          <img src="../../../../assets/minapp-image/carousel-1.jpg" alt="" class="col-3">
          <img src="../../../../assets/minapp-image/carousel-1.jpg" alt="" class="col-3">
          <img src="../../../../assets/minapp-image/carousel-1.jpg" alt="" class="col-3">
        </div>
      </div>
    </div>
  </div>
</div>

